html,
body {
    position: relative;
    overflow: hidden !important;
}

.main-container {
    padding: 8px 11px;
    box-sizing: border-box;
}

.operate-box {
    height: 32px;
}
.operate-box > .button,
.operate-box > .input {
    margin: 0 5px;
}

.server-list-wrap > .server-item {
    margin-bottom: -8px;
    padding: 8px;
}
.server-list-wrap > .server-item .server-name {
    display: flex;
    align-items: center;
    font-size: 14px;
}
.server-list-wrap > .server-item .server-name .is-run.true {
    display: inline-block !important;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-radius: 50%;
    background: rgb(185, 223, 255);
}
.server-list-wrap > .server-item .server-port,
.server-list-wrap > .server-item .assets-dir {
    margin-right: 16px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.555);
}
.server-list-wrap > .server-item .icon {
    cursor: pointer;
}
.server-list-wrap > .server-item .icon.open {
    color: rgb(119, 194, 255);
}
.server-list-wrap > .server-item .icon.edit {
    color: rgb(172, 255, 151);
}
.server-list-wrap > .server-item .icon.del {
    color: rgb(255, 164, 164);
}

.add-server-form,
.mod-server-form {
    padding: 16px 24px;
}
.add-server-form > .field > .label,
.mod-server-form > .field > .label {
    font-size: 12px;
}
.add-server-cancel,
.add-server-confirm,
.mod-server-cancel,
.mod-server-confirm {
    margin-right: 8px;
}
